<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;">
		<title>取消任务</title>
	</head>
	<link rel="stylesheet" href="font/iconfont.css" />
	<link rel="stylesheet" href="css/css.css" />
	<link rel="stylesheet" href="dist/lib/weui.min.css">
	<link rel="stylesheet" href="dist/css/jquery-weui.min.css">
	<script type="text/javascript" src="dist/lib/jquery-2.1.4.js" ></script>
	<script src="dist/js/jquery-weui.min.js"></script>
	<script type="text/javascript" src="dist/lib/fastclick.js"></script>
	<style>
		body, html {height: 100%;-webkit-tap-highlight-color: transparent;}
		.weui-navbar__item{padding: 10px 0px !important;}
		.quxiao-order{margin-top: 50px;}
		.quxiao-order img{ margin-bottom: -15px;}
		.quxiao-action{border:1px dashed #FD295B; padding:40px 15px; font-size: 0.72rem; color: #666; border-radius:10px; text-align: left; margin:0px 15px 0px 15px;}
		.weui-cells_radio .weui-check:checked+.weui-icon-checked:before{ color: #FF6726;}
		.tj-btn{text-align: center;background: linear-gradient(to right,#fc584c 0%,#fd295b 100%); border-radius:20px !important; color: #fff;display: block;padding:8px 0px; margin:30px;}
		.weui-cells_radio{font-size: 0.7rem;}
	</style>
	<body ontouchstart class="bgcolor">
		<header class="wy-header fixed-top">
			<div style="position: absolute;top:0px">
				<div class="wy-header-icon-back">
					<a href="javascript:history.back(-1)"><i class="iconfont icon-left6"></i></a>
				</div>
				<div class="wy-header-title">取消任务</div>
			</div>
		</header>
		
		<div class="quxiao-order txt-center" >
			<img src="img/quxiao.png" />
			<div class="quxiao-action">
				接任务后15分钟内取消不影响完成率，超过30分钟取消任务将扣除相应完成率，请谨慎取消哦~
			</div>
		</div>
		
		<div class="weui-cells weui-cells_radio">
			<div class="weui-cell">选择取消理由</div>
		    <label class="weui-cell weui-check__label" for="x11">
		        <div class="weui-cell__bd">
		          <p>商品找不到了</p>
		        </div>
	        	<div class="weui-cell__ft">
		            <input type="radio" class="weui-check" name="radio1" id="x11">
		            <span class="weui-icon-checked"></span>
	        	</div>
		    </label>
		    
		    <label class="weui-cell weui-check__label" for="x12">
		        <div class="weui-cell__bd">
		            <p>达不到上架备注要求</p>
		        </div>
		        <div class="weui-cell__ft">
		            <input type="radio" name="radio1" class="weui-check" id="x12" checked="checked">
		            <span class="weui-icon-checked"></span>
		        </div>
		    </label>
		    
		    
		    
		    <label class="weui-cell weui-check__label" for="x13">
		        <div class="weui-cell__bd">
		            <p>不想做了</p>
		        </div>
		        <div class="weui-cell__ft">
		            <input type="radio" name="radio1" class="weui-check others" id="x13" >
		            <span class="weui-icon-checked" ></span>
		        </div>
		    </label>
		    
		    
		    
		    
		    <label class="weui-cell weui-check__label" for="x14">
		        <div class="weui-cell__bd">
		            <p>问题任务</p>
		        </div>
		        <div class="weui-cell__ft">
		            <input type="radio" name="radio1" class="weui-check" id="x14" >
		            <span class="weui-icon-checked"></span>
		        </div>
		    </label>
		    
		    <textarea name="" rows="" cols="" id="x131" style="display: none;">123458952</textarea>
		    
		    
	    </div>
	    <a href="javascript:;" class="tj-btn">提交</a>
	  
	    
		
		
		<div class="bottom-block"></div>
<!--footer-->
		<div class="weui-tabbar">
			<div class="weui-bootm">
			<a href="首页.html" class="weui-tabbar__item weui-bar__item--on">
				<div class="weui-tabbar__icon">
					<i class="iconfont icon-home"></i>
				</div>
				<p class="weui-tabbar__label">首页</p>
			</a>
			<a href="商品列表.html" class="weui-tabbar__item">
				<div class="weui-tabbar__icon">
					<i class="iconfont icon-renwu"></i>
				</div>
				<p class="weui-tabbar__label">已接任务</p>
			</a>
			<a href="分类.html" class="weui-tabbar__item">
				<div class="weui-tabbar__icon ">
					<i class="iconfont icon-xinxi2"></i>
				</div>
				<p class="weui-tabbar__label">申诉中心</p>
			</a>
			<a href="分类.html" class="weui-tabbar__item">
				<div class="weui-tabbar__icon ">
					<i class="iconfont icon-huodongzhongxin"></i>
				</div>
				<p class="weui-tabbar__label">活动中心</p>
			</a>
			<a href="个人中心.html" class="weui-tabbar__item">
				<div class="weui-tabbar__icon">
					<i class="iconfont icon-wode2"></i>
				</div>
				<p class="weui-tabbar__label">我的</p>
			</a>
			</div>
		</div>
	<script>
	  $(function() {
	    FastClick.attach(document.body);
	  });
	  
	  
	  $(".weui-check").on("click",function(){
	$(this).parent().prev().find("p").html();
	  })
	  
	

    $(".weui-check").click(function(){


        if($(this).attr("class").indexOf('others')>=0){ //判断是否有others类出现

           $("#x131").show();
        }
        else{

            $("#x131").hide();
        }
    });

	</script>
	</body>
</html>